.left{
 width: 260px;
}

/* 图例 */
.left-legend{
  height: auto;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 0 10px 8px;
}
.left-legend left-legend-item{
  margin-right: none;
}
.left-legend-item{
  margin-top: 10px;
}
.left-body{
  height: calc(100vh - 246px);
}

@media screen and (max-width: 1100px) {
  .main{
    height: calc(100vh - 16px);
  }
  .left-body{
    height: calc(100vh - 262px);
  }
  .centre{
    height: calc(100vh - 96px);
  }
  .right{
    height: calc(100vh - 96px);
  }
  .right .action-bar{
    height: calc(100vh - 356px);
  }
}
